<template>
  <div class="btn-type">
    <button>查看详情</button>
    <button>发送短信</button>
    <button>领取内裤</button>
  </div>
</template>
<script></script>
<script setup>
</script>
<style lang="less" scoped>
.btn-type {
  display: flex;

  >button {
    width: 126px;
    height: 42px;
    font-size: 24px;
    border: 1px solid #2C8CF0;
    border-radius: 5px;
    line-height: 42px;
    text-align: center;
  }

  >button:first-child {
    background: #EBF4FF;
    color: #2C8CF0;
  }

  >button:nth-child(2) {

    background: #E9FFF9;
    color: #18BE6A;
    border-color: #18BE6A;
  }

  >button:last-child {
    background: #FFEFEB;
    color: #EC3F14;
    border-color: #EC3F14;
  }

  >button+button {
    margin-left: 18px;
  }
}
</style>